/* carousel 轮播 */
.#{$dgg}-carousel{position: relative; left: 0; top: 0; background-color: #f8f8f8;}
.#{$dgg}-carousel>*[carousel-item]{position: relative; width: 100%; height: 100%; overflow: hidden;}
.#{$dgg}-carousel>*[carousel-item]:before{position: absolute; content: '\e63d'; left: 50%; top: 50%; width: 100px; line-height: 20px; margin: -10px 0 0 -50px; text-align: center; color: $gray-600; font-family:"#{$dgg}-icon" !important; font-size: 30px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.#{$dgg}-carousel>*[carousel-item] > *{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f8f8f8; transition-duration: .3s; -webkit-transition-duration: .3s;}
.#{$dgg}-carousel-updown > *{-webkit-transition: .3s ease-in-out up; transition: .3s ease-in-out up;}
.#{$dgg}-carousel-arrow{display: none\0; opacity: 0; position: absolute; left: 10px; top: 50%; margin-top: -18px; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 20px; border: none 0; border-radius: 50%; background-color: rgba(0,0,0,.2); color: $white; -webkit-transition-duration: .3s; transition-duration: .3s; cursor: pointer;}
.#{$dgg}-carousel-arrow[lay-type="add"]{left: auto!important; right: 10px;}
.#{$dgg}-carousel[lay-arrow="always"] .#{$dgg}-carousel-arrow{opacity: 1; left: 20px;}
.#{$dgg}-carousel[lay-arrow="always"] .#{$dgg}-carousel-arrow[lay-type="add"]{right: 20px;}
.#{$dgg}-carousel[lay-arrow="none"] .#{$dgg}-carousel-arrow{display: none;}
.#{$dgg}-carousel-arrow:hover,
.#{$dgg}-carousel-ind ul:hover{background-color: rgba(0,0,0,.35);}
.#{$dgg}-carousel:hover .#{$dgg}-carousel-arrow{display: block\0; opacity: 1; left: 20px;}
.#{$dgg}-carousel:hover .#{$dgg}-carousel-arrow[lay-type="add"]{right: 20px;}
.#{$dgg}-carousel-ind{position: relative; top: -35px; width: 100%; line-height: 0!important; text-align: center; font-size: 0;}
.#{$dgg}-carousel[lay-indicator="outside"]{margin-bottom: 30px;}
.#{$dgg}-carousel[lay-indicator="outside"] .#{$dgg}-carousel-ind{top: 10px;}
.#{$dgg}-carousel[lay-indicator="outside"] .#{$dgg}-carousel-ind ul{background-color: rgba(0,0,0,.5);}
.#{$dgg}-carousel[lay-indicator="none"] .#{$dgg}-carousel-ind{display: none;}
.#{$dgg}-carousel-ind ul{display: inline-block; padding: 5px; background-color: rgba(0,0,0,.2); border-radius: 10px; -webkit-transition-duration: .3s; transition-duration: .3s;}
.#{$dgg}-carousel-ind li{display: inline-block; width: 10px; height: 10px; margin: 0 3px; font-size: 14px; background-color: $gray-800; background-color: rgba(255,255,255,.5); border-radius: 50%; cursor: pointer; -webkit-transition-duration: .3s; transition-duration: .3s;}
.#{$dgg}-carousel-ind li:hover{background-color: rgba(255,255,255,.7);}
.#{$dgg}-carousel-ind li.#{$dgg}-this{background-color: $white;}
.#{$dgg}-carousel>*[carousel-item]>.#{$dgg}-this,
.#{$dgg}-carousel>*[carousel-item]>.#{$dgg}-carousel-prev,
.#{$dgg}-carousel>*[carousel-item]>.#{$dgg}-carousel-next{display: block}
.#{$dgg}-carousel>*[carousel-item]>.#{$dgg}-this{left: 0;}
.#{$dgg}-carousel>*[carousel-item]>.#{$dgg}-carousel-prev{left: -100%;}
.#{$dgg}-carousel>*[carousel-item]>.#{$dgg}-carousel-next{left: 100%;}
.#{$dgg}-carousel>*[carousel-item]>.#{$dgg}-carousel-prev.#{$dgg}-carousel-right,
.#{$dgg}-carousel>*[carousel-item]>.#{$dgg}-carousel-next.#{$dgg}-carousel-left{left: 0;}
.#{$dgg}-carousel>*[carousel-item]>.#{$dgg}-this.#{$dgg}-carousel-left{left: -100%;}
.#{$dgg}-carousel>*[carousel-item]>.#{$dgg}-this.#{$dgg}-carousel-right{left: 100%;}

/* 上下切换 */.#{$dgg}-carousel[lay-anim="updown"] .#{$dgg}-carousel-arrow{left: 50%!important; top: 20px; margin: 0 0 0 -18px;}
.#{$dgg}-carousel[lay-anim="updown"] .#{$dgg}-carousel-arrow[lay-type="add"]{top: auto!important; bottom: 20px;}
.#{$dgg}-carousel[lay-anim="updown"] .#{$dgg}-carousel-ind{position: absolute; top: 50%; right: 20px; width: auto; height: auto;}
.#{$dgg}-carousel[lay-anim="updown"] .#{$dgg}-carousel-ind ul{padding: 3px 5px;}
.#{$dgg}-carousel[lay-anim="updown"] .#{$dgg}-carousel-ind li{display: block; margin: 6px 0;}

.#{$dgg}-carousel[lay-anim="updown"]>*[carousel-item]>*{left: 0!important;}
.#{$dgg}-carousel[lay-anim="updown"]>*[carousel-item]>.#{$dgg}-this{top: 0;}
.#{$dgg}-carousel[lay-anim="updown"]>*[carousel-item]>.#{$dgg}-carousel-prev{top: -100%;}
.#{$dgg}-carousel[lay-anim="updown"]>*[carousel-item]>.#{$dgg}-carousel-next{top: 100%;}
.#{$dgg}-carousel[lay-anim="updown"]>*[carousel-item]>.#{$dgg}-carousel-prev.#{$dgg}-carousel-right,
.#{$dgg}-carousel[lay-anim="updown"]>*[carousel-item]>.#{$dgg}-carousel-next.#{$dgg}-carousel-left{top: 0;}
.#{$dgg}-carousel[lay-anim="updown"]>*[carousel-item]>.#{$dgg}-this.#{$dgg}-carousel-left{top: -100%;}
.#{$dgg}-carousel[lay-anim="updown"]>*[carousel-item]>.#{$dgg}-this.#{$dgg}-carousel-right{top: 100%;}

/* 渐显切换 */.#{$dgg}-carousel[lay-anim="fade"]>*[carousel-item]>*{left: 0!important;}
.#{$dgg}-carousel[lay-anim="fade"]>*[carousel-item]>.#{$dgg}-carousel-prev,
.#{$dgg}-carousel[lay-anim="fade"]>*[carousel-item]>.#{$dgg}-carousel-next{opacity: 0;}
.#{$dgg}-carousel[lay-anim="fade"]>*[carousel-item]>.#{$dgg}-carousel-prev.#{$dgg}-carousel-right,
.#{$dgg}-carousel[lay-anim="fade"]>*[carousel-item]>.#{$dgg}-carousel-next.#{$dgg}-carousel-left{opacity: 1;}
.#{$dgg}-carousel[lay-anim="fade"]>*[carousel-item]>.#{$dgg}-this.#{$dgg}-carousel-left,
.#{$dgg}-carousel[lay-anim="fade"]>*[carousel-item]>.#{$dgg}-this.#{$dgg}-carousel-right{opacity: 0}